<template>
  <van-swipe
    class="my-swipe"
    :autoplay="3000"
    indicator-color="white"
    height="210"
  >
    <van-swipe-item>
      <img src="@/assets/img/1.jpg" alt="" />
    </van-swipe-item>
    <van-swipe-item>
      <img src="@/assets/img/2.jpg" alt="" />
    </van-swipe-item>
    <van-swipe-item>
      <img src="@/assets/img/3.jpg" alt="" />
    </van-swipe-item>
  </van-swipe>
</template>
<script>
import Vue from 'vue'
import { Swipe, SwipeItem } from 'vant'

Vue.use(Swipe)
Vue.use(SwipeItem)
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>
<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  width: 200px;
  /* height: 200px; */
}
.van-swipe-item > img {
  width: 100%;
}
</style>
